<script lang="ts">
	import '../app.css';
	interface Props {
		children?: import('svelte').Snippet;
	}

	let { children }: Props = $props();
</script>

<svelte:head>
	<title>Svelte French Toast</title>
	<meta name="title" content="Svelte French Toast" />
	<meta
		name="description"
		content="Buttery smooth toast notifications for Svelte. Lightweight, customizable, and beautiful by default."
	/>

	<!-- Open Graph / Facebook -->
	<meta property="og:type" content="website" />
	<meta property="og:url" content="https://svelte-french-toast.com/" />
	<meta property="og:title" content="Svelte French Toast" />
	<meta
		property="og:description"
		content="Buttery smooth toast notifications for Svelte. Lightweight, customizable, and beautiful by default."
	/>
	<meta property="og:image" content="https://svelte-french-toast.com/og-image.png" />

	<!-- Twitter -->
	<meta property="twitter:card" content="summary_large_image" />
	<meta property="twitter:url" content="https://svelte-french-toast.com/" />
	<meta property="twitter:title" content="Svelte French Toast" />
	<meta
		property="twitter:description"
		content="Buttery smooth toast notifications for Svelte. Lightweight, customizable, and beautiful by default."
	/>
	<meta property="twitter:image" content="https://svelte-french-toast.com/og-image.png" />
</svelte:head>
{@render children?.()}
